﻿@using NewRen.Models.ViewModel;
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>牛人网</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="~/Scripts/ratchet/css/ratchet-theme-ios.min.css" rel="stylesheet" />
    <link href="~/Scripts/ratchet/css/ratchet.min.css" rel="stylesheet" />
    <link href="~/Styles/newren.mobile.css" rel="stylesheet" />
    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
     
</head>
<body>
    <header class="bar bar-nav bg-color">
        <a class="icon icon-gear pull-right" href="#settingsModal"></a>
        <h1 class="title">牛人网</h1>
    </header>

    <div class="content">
        <ul class="table-view">
            @foreach (var item in ViewBag.Users as List<vUser>)
            {
                <li class="table-view-cell">
                    <a class="navigate-right" href="/Mobile/NewRen/Show/@item.ID">
                        <img class="media-object pull-left" src="/User/ShowPicture/@item.ID" width="50" height="50">
                        <div class="media-body">
                            <div class="submite">@item.Job</div>
                            <h4>@item.UserName</h4>
                            <p>@item.Description</p>
                        </div>
                    </a>
                </li>
            }
        </ul>
    </div>


    <!-- Footer Bar -->
    <nav class="bar bar-tab bg-color">
        <a href="/Mobile/Home" class="tab-item active">
            <span class="icon icon-home"></span>
            <span class="tab-label">首页</span>
        </a>
        <a href="/Mobile/Forum" class="tab-item">
            <span class="icon icon-edit"></span>
            <span class="tab-label">论坛</span>
        </a>
        <a href="/Mobile/Show" class="tab-item">
            <span class="icon icon-person"></span>
            <span class="tab-label">我</span>
        </a>
        <a href="/Mobile/More" class="tab-item">
            <span class="icon icon-more"></span>
            <span class="tab-label">更多</span>
        </a>
    </nav>
</body>
</html>
